<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>InAppWebViewOnLoadResourceCustomSchemeTest</title>
    </head>
    <body class="text-center">
        <div class="cover-container d-flex w-100 h-100 p-3 mx-auto flex-column">
            <main role="main" class="inner cover">
                <h1 class="cover-heading">InAppWebViewOnLoadResourceCustomSchemeTest</h1>
                <img id="image" src="my-special-custom-scheme://images/flutter-logo.svg" alt="flutter logo">
            </main>
        </div>
    </body>
    <script>
        var image = document.querySelector("#image");
        image.addEventListener('load', function() {
            window.flutter_inappwebview.callHandler('imageLoaded');
        });
    </script>
</html>